import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'

// 加载 axios 组件
import axios from 'axios'

// 加载 vant 全局样式
import Vant from 'vant'
import 'vant/lib/index.css'

// 加载动态设置 Rem 基准值
import 'amfe-flexible'

// 加载全局样式
import './styles/index.less'

// 注册使用 vant 组件库
Vue.use(Vant)

Vue.config.productionTip = false

// 将请求方式挂载带Vue的Protype上  发请求的时候只需要this.$http
Vue.prototype.$http = axios

// 定义时间过滤器 相当于day.js 使用的时候插值表达式{{ 时间数据 | dateFormat }}
Vue.filter('dateFormat', function (originVal) {
  const dt = new Date(originVal)
  const y = dt.getFullYear()
  const m = (dt.getMonth() + 1 + '').padStart(2, '0')
  const d = (dt.getDate() + '').padStart(2, '0')

  const hh = (dt.getHours() + '').padStart(2, '0')
  const mm = (dt.getMinutes() + '').padStart(2, '0')
  const ss = (dt.getSeconds() + 1 + '').padStart(2, '0')

  return `${y}-${m}-${d} ${hh}:${mm}:${ss}`
})

new Vue({
  router,
  store,
  render: (h) => h(App)
}).$mount('#app')
